@charset "UTF-8";
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a,
img {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	background: #fff;
	font-family: arial, "Microsoft YaHei", "微软雅黑";
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
textarea,
input {
	font-family: arial, "Microsoft YaHei", "微软雅黑";
	color: #333333;
	font-size: 12px;
	padding: 0;
	margin: 0;
	outline: none;
	-webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
input:focus,
textarea:focus {
	outline: none;
}
select::-ms-expand {
	display: none;
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block;
}
ol,
ul,
li {
	list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}
a,
a:link,
a:visited,
a:focus,
a:active,
a:hover {
	font-family: arial, "Microsoft YaHei", "微软雅黑";
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	color: #bf000f;
}
html,
body {
	height: 100%;
}
body.hide {
	overflow: hidden;
}
@font-face {
	font-family: "cb";
	src: url("../fonts/ClanPro-Book.woff2") format("woff2"), url("../fonts/ClanPro-Book.woff") format("woff"), url("../fonts/ClanPro-Book.ttf") format("truetype"), url("../fonts/ClanPro-Book.eot") format("embedded-opentype"), url("../fonts/ClanPro-Book.svg") format("svg"), url("../fonts/ClanPro-Book.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "cm";
	src: url("../fonts/ClanPro-Medium.woff2") format("woff2"), url("../fonts/ClanPro-Medium.woff") format("woff"), url("../fonts/ClanPro-Medium.ttf") format("truetype"), url("../fonts/ClanPro-Medium.eot") format("embedded-opentype"), url("../fonts/ClanPro-Medium.svg") format("svg"), url("../fonts/ClanPro-Medium.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "cn";
	src: url("../fonts/ClanPro-News.woff2") format("woff2"), url("../fonts/ClanPro-News.woff") format("woff"), url("../fonts/ClanPro-News.ttf") format("truetype"), url("../fonts/ClanPro-News.eot") format("embedded-opentype"), url("../fonts/ClanPro-News.svg") format("svg"), url("../fonts/ClanPro-News.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}
.taxian:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.wrap {
	max-width: 1600px;
	margin: 0 auto;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	width: 100%;
	box-sizing: border-box;
}
.wrap:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.row {
	width: 100%;
	box-sizing: border-box;
}
.row:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.l {
	float: left;
}
.r {
	float: right;
}
.article {
	line-height: 30px;
	font-size: 16px;
	color: #333333;
	font-family: "cb";
	text-align: justify;
}
.article a {
	font-size: 16px;
	color: #e60012;
}
.article img {
	max-width: 100%;
}
.mainFilter {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 100;
	display: none;
	background: url(../images/mainFilter.png);
}
.wrapper {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-top: 82px;
	overflow: hidden;
}
.header {
	width: 100%;
	height: 82px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 90;
	background: #fff;
}
.header.nofixed {
	/*position: absolute;*/
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.header .logo {
	width: 254px;
	height: 52px;
	float: left;
	overflow: hidden;
	margin-top: 14px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.header .logo img {
	width: 100%;
	display: block;
}
.header .language {
	float: right;
	margin-top: 24px;
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.header .language .tit {
	width: 100px;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	text-indent: 30px;
	font-size: 14px;
	color: #fff;
	font-family: "cm";
	background: url(../images/arrow1.png) no-repeat right 12px center #e60012;
	cursor: pointer;
}
.header .language ul {
	background: #e60012;
	padding-top: 4px;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 28px;
	left: 0;
	z-index: 5;
	display: none;
}
.header .language ul li a {
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: block;
	font-size: 14px;
	color: #fff;
}
.header .language ul li a:hover {
	background: #bf000f;
}
.header .searchBox {
	float: right;
	margin: 25px 77px 0 0;
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.header .searchBox .searchBtn {
	width: 30px;
	height: 30px;
	background: url(../images/searchBtn.png) no-repeat center;
	cursor: pointer;
}
.header .searchBox .searchBar {
	width: 100%;
	height: 82px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 95;
	box-sizing: border-box;
	background: #fff;
	display: none;
}
.header .searchBox .searchBar .inpu {
	padding-right: 190px;
	box-sizing: border-box;
}
.header .searchBox .searchBar .inpu input {
	width: 100%;
	height: 82px;
	line-height: 82px;
	padding: 0 10px 0 44px;
	box-sizing: border-box;
	font-size: 24px;
	color: #666;
	font-family: "cb";
	background: url(../images/searchBtn.png) no-repeat 0 center;
	border: none;
}
.header .searchBox .searchBar .inpu input::-webkit-input-placeholder {
	color: #999999;
}
.header .searchBox .searchBar .inpu input:-moz-placeholder {
	color: #999999;
}
.header .searchBox .searchBar .inpu input::-moz-placeholder {
	color: #999999;
}
.header .searchBox .searchBar .inpu input:-ms-input-placeholder {
	color: #999999;
}
.header .searchBox .searchBar .closeBtn {
	width: 179px;
	height: 82px;
	line-height: 82px;
	float: right;
	border-left: solid 1px #cccccc;
	cursor: pointer;
	text-align: right;
	font-size: 24px;
	color: #999999;
	font-family: "cb";
	position: relative;
}
.header .searchBox .searchBar .closeBtn::after {
	content: " ";
	width: 24px;
	height: 24px;
	position: absolute;
	right: 76px;
	top: 27px;
	z-index: 2;
	background: url(../images/closeBtn.png) no-repeat;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.header .searchBox .searchBar .closeBtn:hover::after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.header .searchBox .wrap {
	position: relative;
}
.header .searchBox .prompt {
	position: absolute;
	left: 0;
	top: 82px;
	z-index: 5;
	background: #fff;
	width: 50%;
	border: solid 1px #ccc;
	box-sizing: border-box;
	display: none;
}
.header .searchBox .prompt li {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
	border-bottom: solid 1px #eee;
}
.header .searchBox .prompt li:last-child {
	border-bottom: none;
}
.header .searchBox .prompt li span {
	color: #f00;
}
.header .searchBox .prompt li:hover {
	background: #eee;
}
.header .phone,
.header .menuBtn {
	display: none;
}
.header .nav {
	float: right;
	margin-right: 36px;
}
.header .nav .language {
	display: none;
}
.header .nav > ul > li {
	float: left;
	position: relative;
	margin: 0 40px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.header .nav > ul > li > a {
	height: 82px;
	line-height: 82px;
	display: block;
	font-size: 20px;
	color: #666666;
	font-family: "cm";
	overflow: hidden;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.header .nav > ul > li span {
	width: 100%;
	height: 82px;
	line-height: 82px;
	display: block;
}
.header .nav > ul > li span:last-child {
	color: #e60012;
}
.header .nav > ul > li.on > a,
.header .nav > ul > li:hover > a {
	color: #e60012;
}
.header .nav > ul > li.on > a::after,
.header .nav > ul > li:hover > a::after {
	width: 100%;
	left: 0;
}
.header .nav .sub {
	min-width: 100%;
	display: none;
	position: absolute;
	top: 82px;
	left: 50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	z-index: 90;
	padding-top: 2px;
}
.header .nav .sub > li {
	background: #fff;
}
.header .nav .sub > li > a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	font-family: "cb";
	padding: 0 22px;
	white-space: nowrap;
}
.header .nav .sub > li > a:hover {
	background: #f5f5f5;
	color: #000;
}
.header .nav .subpr {
	width: 100%;
	position: fixed;
	top: 82px;
	left: 0;
	z-index: 90;
	background: #fff;
	border-top: solid 1px #ededed;
	padding: 58px 0;
	display: none;
	text-align: center;
}
.header .nav .subpr > ul {
	display: inline-block;
	text-align: center;
	width: 100%;
	max-width: 1400px;
}
.header .nav .subpr > ul > li {
	width: 16%;
	/* float: left; */
	float:none;
	text-align: left;
	border-left: solid 1px #ededed;
	box-sizing: border-box;
	min-height: 320px;
	padding: 0 30px;
	display: inline-block;
	vertical-align: top;
}
.header .nav .subpr > ul > li:first-child {
	border-left: none;
}
.header .nav .subpr > ul > li:hover a.tit {
	color: #e60012;
}
.header .nav .subpr > ul > li > a.tit {
	line-height: 24px;
	font-size: 24px;
	font-family: "cn";
	color: #000;
	display: block;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.header .nav .subpr > ul > li > a.pic {
	height: 115px;
	overflow: hidden;
	display: block;
	margin-top: 30px;
}
.header .nav .subpr > ul > li > a.pic img {
	max-height: 100%;
}
.header .nav .subpr > ul > li > ul {
	margin-top: 45px;
}
.header .nav .subpr > ul > li > ul li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.header .nav .subpr > ul > li > ul a {
	font-size: 14px;
	color: #666666;
	font-family: "cb";
}
.header .nav .subpr > ul > li > ul a:hover {
	color: #000;
}
.footer {
	background: #171717;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer .linkList {
	padding: 60px 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer .linkList:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.footer .linkList .list {
	width: 20%;
	float: left;
	text-align: center;
	min-height: 310px;
	border-left: solid 1px #292929;
	box-sizing: border-box;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer .linkList .list:first-child {
	border-left: none;
}
.footer .linkList .list .icon {
	height: 50px;
	margin-bottom: 40px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer .linkList .list .icon img {
	height: 100%;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer .linkList .list .tit {
	line-height: 24px;
	font-size: 20px;
	font-family: "cb";
	color: #fff;
}
.footer .linkList .list ul {
	margin-top: 22px;
}
.footer .linkList .list ul li {
	line-height: 30px;
}
.footer .linkList .list ul li a {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	font-family: "cb";
	font-size: 14px;
	color: #999999;
}
.footer .linkList .list ul li a:hover {
	color: #fff;
}
.footer .copyright {
	padding: 25px 0;
	border-top: solid 1px #292929;
	line-height: 24px;
	font-size: 14px;
	color: #666666;
	font-family: "cb";
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer .copyright a {
	font-size: 14px;
	color: #666666;
	font-family: "cb";
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.footer .copyright a:hover {
	color: #fff;
}
.footer .support {
	background: #1c1c1c;
	text-align: right;
	line-height: 24px;
	font-size: 14px;
	color: #666666;
	font-family: "cb";
	padding: 13px 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.footer .support a {
	font-size: 14px;
	color: #666666;
	font-family: "cb";
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.footer .support a:hover {
	color: #fff;
}
.main .banner .swiper-slide .pic2 img,
.main .banner .swiper-slide .pic1 img {
	width: 100%;
	display: block;
}
.main .banner .swiper-slide .pic2 {
	display: none;
}
.main .banner .swiper-slide .conten {
	text-align: left;
	width: 1600px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 2;
}
.main .banner .swiper-slide .conten .tit img {
	width: auto;
}
.main .banner .swiper-slide .conten .txt {
	width: 624px;
	font-family: "cb";
	font-size: 30px;
	line-height: 36px;
	color: #fff;
	/*background: url(../images/banner_line.png) repeat-x 0 bottom;*/
	padding: 20px 0 44px 0;
}
.main .banner .swiper-slide .conten .more {
	width: 180px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: url(../images/arrow2.png) no-repeat right 20px center #ffffff;
	text-indent: 20px;
	font-size: 16px;
	color: #e60012;
	font-family: "cb";
	display: block;
	margin-top: 50px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.main .banner .swiper-slide .conten .more:hover {
	background-position: right 10px center;
}
.main .banner .swiper-pagination {
	bottom: 30px;
}
.main .banner .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border: solid 2px #fff;
	border-radius: 50%;
	margin: 0 9px;
	opacity: 1;
	background: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.main .banner .swiper-pagination .swiper-pagination-bullet-active {
	width: 32px;
	height: 2px;
	background: #fff;
	border-radius: 0;
	border: none;
	vertical-align: middle;
	margin-top: -5px;
}
.main .product {
	padding: 86px 0 100px 0;
}
.main .product .title {
	line-height: 64px;
	text-align: center;
	font-size: 60px;
	color: #010101;
	font-family: "cb";
	display: flex;
}
.main .product .title .tit {
	margin: 0 20px;
}
.main .product .title span {
	background: url(../images/product_title_line1.gif) no-repeat;
	background-size: 100% auto;
	flex-grow: 1;
	float: left;
	margin-top: 25px;
}
.main .product .title span:last-child {
	float: right;
	background: url(../images/product_title_line2.gif) no-repeat;
}
.main .product .conten {
	position: relative;
	height: 920px;
	margin-top: 52px;
}
.main .product .conten .box {
	width: 790px;
	position: absolute;
	z-index: 2;
	overflow: hidden;
}
.main .product .conten .box a:hover .p3 {
	width: 136px;
}
.main .product .conten .box a:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.main .product .conten .box img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.main .product .conten .box .text {
	position: absolute;
	z-index: 3;
}
.main .product .conten .box .text .p1 {
	line-height: 34px;
	font-size: 30px;
	color: #e60012;
	font-family: "cn";
}
.main .product .conten .box .text .p2 {
	line-height: 24px;
	font-size: 16px;
	color: #333333;
	font-family: "cb";
	margin-top: 12px;
}
.main .product .conten .box .text .p3 {
	line-height: 20px;
	font-size: 16px;
	font-family: "cb";
	color: #e60012;
	background: url(../images/arrow2.png) no-repeat right center;
	width: 126px;
	margin-top: 25px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.main .product .conten .box1 {
	top: 0;
	left: 0;
}
.main .product .conten .box2 {
	top: 0;
	right: 0;
}
.main .product .conten .box3 {
	top: 420px;
	left: 0;
}
.main .product .conten .box4 {
	top: 520px;
	right: 0;
}
.main .product .conten .box1 .text,
.main .product .conten .box2 .text {
	width: 312px;
	left: 50px;
	top: 40%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.main .product .conten .box3 .text,
.main .product .conten .box4 .text {
	width: 100%;
	left: 0px;
	bottom: 58px;
	text-align: center;
}
.main .product .conten .box3 .text .p3,
.main .product .conten .box4 .text .p3 {
	margin: 25px auto 0 auto;
	text-align: left;
}
.main .subscribe {
	height: 200px;
	background: url(../images/subscribe_bg.jpg) no-repeat center bottom;
	background-attachment: fixed;
	padding-top: 65px;
	box-sizing: border-box;
}
.main .subscribe .tit {
	float: left;
	line-height: 30px;
	font-size: 24px;
	color: #fff;
	font-family: "cb";
	padding: 20px 0;
	margin-right: 28px;
}
.main .subscribe .inpuBox {
	float: left;
}
.main .subscribe .inpuBox .inpu {
	float: left;
	border-radius: 5px;
	background: #fff;
	padding: 10px;
}
.main .subscribe .inpuBox .inpu a,
.main .subscribe .inpuBox .inpu button,
.main .subscribe .inpuBox .inpu input[type="button"] {
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #e60012;
	border-radius: 4px;
	font-family: "cb";
	font-size: 18px;
	color: #fff;
	float: right;
	cursor: pointer;
	display: block;
	border: none;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.main .subscribe .inpuBox .inpu a:hover,
.main .subscribe .inpuBox .inpu button:hover,
.main .subscribe .inpuBox .inpu input[type="button"]:hover {
	background: #bf000f;
}
.main .subscribe .inpuBox .inpu input[type="text"] {
	width: 648px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	float: left;
	font-size: 18px;
	font-family: "cb";
	color: #666;
}
.main .subscribe .inpuBox .inpu input[type="text"]::-webkit-input-placeholder {
	color: #666666;
}
.main .subscribe .inpuBox .inpu input[type="text"]:-moz-placeholder {
	color: #666666;
}
.main .subscribe .inpuBox .inpu input[type="text"]::-moz-placeholder {
	color: #666666;
}
.main .subscribe .inpuBox .inpu input[type="text"]:-ms-input-placeholder {
	color: #666666;
}
.main .subscribe .share {
	float: right;
}
.main .subscribe .share ul {
	float: left;
	margin-top: 10px;
}
.main .subscribe .share ul li {
	float: left;
	margin-right: 30px;
}
.main .subscribe .share ul li:last-child {
	margin-right: 0;
}
.main .subscribe .share ul li a {
	width: 50px;
	height: 50px;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.main .subscribe .share ul li a:hover {
	transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
}
.main .subscribe .share ul li img {
	width: 100%;
	display: block;
}
.container .banner {
	position: relative;
}
.container .banner .pic2 img,
.container .banner .pic1 img {
	width: 100%;
	display: block;
}
.container .banner .pic2 {
	display: none;
}
.container .banner .text {
	width: 100%;
	height: 172px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.container .banner .text .tit {
	line-height: 74px;
	font-family: "cn";
	font-size: 72px;
	color: #fff;
}
.container .banner .text .arrow {
	width: 50px;
	height: 50px;
	background: url(../images/arrow3.png) no-repeat 0 bottom;
	cursor: pointer;
	margin-top: 42px;
	position: relative;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.container .banner .text .arrow:hover {
	height: 60px;
}
.container .columMenu {
	border-bottom: solid 1px #eaeaea;
}
.container .columMenu:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.container .columMenu .crumbs {
	height: 79px;
	line-height: 79px;
	font-family: "cb";
	font-size: 14px;
	color: #666666;
	float: left;
}
.container .columMenu .crumbs.right {
	float: right;
}
.container .columMenu .crumbs a {
	font-size: 14px;
	color: #666666;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.container .columMenu .crumbs a:last-child {
	color: #000000;
}
.container .columMenu .crumbs a:hover {
	color: #e60012;
}
.container .columMenu .crumbs span {
	padding: 0 16px;
}
.container .columMenu .menu {
	float: left;
	height: 79px;
	line-height: 79px;
}
.container .columMenu .menu .tit {
	display: none;
}
.container .columMenu .menu li {
	float: left;
	margin-right: 74px;
}
.container .columMenu .menu li.on a {
	border-bottom: solid 2px #e60012;
	color: #e60012;
}
.container .columMenu .menu li a {
	line-height: 78px;
	display: block;
	font-family: "cb";
	font-size: 16px;
	color: #666666;
}
.container .columMenu .menu li a:hover {
	color: #e60012;
}
.container .columTitle {
	text-align: center;
}
.container .columTitle .tit {
	line-height: 60px;
	font-family: "cn";
	font-size: 48px;
	color: #000000;
}
.container .columTitle .slogan {
	line-height: 30px;
	font-size: 20px;
	font-family: "cb";
	color: #333333;
	margin-top: 16px;
}
.container .paging {
	text-align: center;
}
.container .paging .next,
.container .paging .prev {
	min-width: 110px;
	height: 48px;
	line-height: 48px;
	padding: 0 28px;
	display: block;
	font-family: "cb";
	font-size: 16px;
	color: #000000;
	border: solid 1px #000000;
	float: left;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.container .paging .next:hover,
.container .paging .prev:hover {
	background: #e60012;
	color: #fff;
	border: solid 1px #e60012;
}
.container .paging .next {
	float: right;
}
.container .paging ul {
	display: inline-block;
}
.container .paging ul li {
	float: left;
	margin: 0 10px;
}
.container .paging ul li a:hover,
.container .paging ul li.on a {
	background: #e60012;
	color: #fff;
	border: solid 1px #e60012;
}
.container .paging ul li a {
	width: 48px;
	height: 48px;
	line-height: 48px;
	display: block;
	border: solid 1px #000000;
	font-family: "cb";
	font-size: 18px;
	color: #000000;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.aboutPage .vision {
	padding: 74px 0 100px 0;
}
.aboutPage .vision .content {
	margin-top: 75px;
}
.aboutPage .vision .content:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.aboutPage .vision .content .box {
	background: #f5f5f5;
}
.aboutPage .vision .content .box:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.aboutPage .vision .content .box:nth-child(even) .pic {
	float: right;
}
.aboutPage .vision .content .box:nth-child(even) .text {
	float: left;
}
.aboutPage .vision .content .pic {
	max-width: 800px;
	width: 50%;
	float: left;
	overflow: hidden;
}
.aboutPage .vision .content .pic img {
	width: 100%;
	display: block;
}
.aboutPage .vision .content .text {
	max-width: 800px;
	width: 50%;
	float: right;
	padding: 76px 38px 0 38px;
	box-sizing: border-box;
}
.aboutPage .vision .content .text .tit {
	line-height: 40px;
	font-size: 30px;
	font-family: "cn";
	color: 000000;
}
.aboutPage .vision .content .text .line {
	width: 40px;
	height: 4px;
	background: #cccccc;
	margin-top: 24px;
}
.aboutPage .vision .content .text .txt {
	line-height: 48px;
	font-size: 18px;
	font-family: "cb";
	color: #333333;
	margin-top: 24px;
}
.aboutPage .vision .content .text .txt .p1 {
	font-size: 24px;
	color: #000000;
}
.aboutPage .awards {
	padding: 80px 0 100px 0;
}
.aboutPage .awards .awardsList {
	border-top: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
	box-sizing: border-box;
}
.aboutPage .awards .awardsList:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.aboutPage .awards .awardsList li {
	width: 33.333%;
	float: left;
	border-bottom: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	box-sizing: border-box;
	text-align: center;
	padding: 92px 64px 0 64px;
}
.aboutPage .awards .awardsList li:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.aboutPage .awards .awardsList li:hover .text {
	color: #e60012;
}
.aboutPage .awards .awardsList li .pic {
	height: 314px;
	overflow: hidden;
}
.aboutPage .awards .awardsList li .pic img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.aboutPage .awards .awardsList li .text {
	height: 92px;
	line-height: 92px;
	font-family: "cb";
	font-size: 18px;
	color: #333333;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.aboutPage .careers {
	padding: 76px 0;
}
.aboutPage .careers .reasons {
	background: url(../images/reasons_line.gif) repeat-x 0 bottom;
	padding: 92px 0 78px 0;
}
.aboutPage .careers .reasons:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.aboutPage .careers .reasons li {
	width: 20%;
	float: left;
	text-align: center;
}
.aboutPage .careers .reasons li .icon {
	width: 140px;
	height: 140px;
	margin: 0 auto;
}
.aboutPage .careers .reasons li .icon img {
	width: 100%;
	display: block;
}
.aboutPage .careers .reasons li .txt {
	line-height: 24px;
	font-size: 18px;
	color: #000000;
	font-family: "cb";
	margin-top: 18px;
}
.aboutPage .careers .contact {
	line-height: 24px;
	font-family: "cb";
	font-size: 16px;
	color: #333333;
	margin-top: 76px;
}
.aboutPage .careers .contact a {
	font-size: 16px;
	color: #e60012;
	text-decoration: underline;
}
.aboutPage .introduction {
	padding: 80px 0;
}
.aboutPage .introduction .community {
	background: #f5f5f5;
}
.aboutPage .introduction .community:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.aboutPage .introduction .community .photo {
	width: 50%;
	float: left;
}
.aboutPage .introduction .community .photo img {
	width: 100%;
	display: block;
}
.aboutPage .introduction .community .photo .swiper-button-next,
.aboutPage .introduction .community .photo .swiper-button-prev {
	width: 50px;
	height: 50px;
	background: url(../images/prev1.png) no-repeat;
	background-size: 100% 100%;
	margin: 0;
	top: 50%;
	left: 22px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.aboutPage .introduction .community .photo .swiper-button-next:hover,
.aboutPage .introduction .community .photo .swiper-button-prev:hover {
	background-image: url(../images/prev2.png);
}
.aboutPage .introduction .community .photo .swiper-button-next {
	left: auto;
	right: 22px;
	background-image: url(../images/next1.png);
}
.aboutPage .introduction .community .photo .swiper-button-next:hover {
	background-image: url(../images/next2.png);
}
.aboutPage .introduction .community .conten {
	width: 50%;
	float: right;
	padding: 54px 38px;
	box-sizing: border-box;
}
.aboutPage .introduction .community .conten .tit {
	line-height: 40px;
	font-size: 30px;
	color: #000000;
	font-family: "cn";
}
.aboutPage .introduction .community .conten .line {
	width: 40px;
	height: 4px;
	background: #cccccc;
	margin: 24px 0;
}
.aboutPage .introduction .community .conten .txt {
	line-height: 24px;
	font-family: "cb";
	font-size: 16px;
	color: #333333;
}
.aboutPage .introduction .network {
	background: url(../images/network_bg.jpg) no-repeat center 160px #f5f5f5;
	margin-top: 100px;
	text-align: center;
	padding: 74px 0 210px 0;
}
.aboutPage .introduction .network .title {
	line-height: 40px;
	font-size: 30px;
	color: #000000;
	font-family: "cn";
}
.aboutPage .introduction .network ul {
	max-width: 1440px;
	margin: 188px auto 0 auto;
}
.aboutPage .introduction .network ul:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.aboutPage .introduction .network ul li {
	width: 33.333%;
	float: left;
	text-align: center;
	background: url(../images/network_line.gif) no-repeat 0 center;
}
.aboutPage .introduction .network ul li:first-child {
	background: none;
}
.aboutPage .introduction .network ul li .number {
	line-height: 80px;
	font-size: 72px;
	font-family: "cn";
	color: #000000;
}
.aboutPage .introduction .network ul li .txt {
	line-height: 24px;
	font-family: "cb";
	font-size: 20px;
	color: #666666;
	margin-top: 10px;
}
.aboutPage .introduction .client {
	padding: 96px 0 0 0;
}
.aboutPage .introduction .client .title {
	line-height: 40px;
	font-size: 30px;
	color: #000000;
	font-family: "cn";
	text-align: center;
}
.aboutPage .introduction .client .swiper-container {
	margin-top: 74px;
	padding-bottom: 100px;
}
.aboutPage .introduction .client .swiper-container .swiper-slide {
	border: solid 1px #e2e2e2;
	box-sizing: border-box;
}
.aboutPage .introduction .client .swiper-container .swiper-slide img {
	width: 100%;
	display: block;
}
.aboutPage .introduction .client .swiper-container .swiper-pagination {
	bottom: 0;
}
.aboutPage .introduction .client .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	border: solid 1px #cccccc;
	margin: 0 9px;
	opacity: 1;
}
.aboutPage .introduction .client .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #ccc;
}
.aboutPage .responsibility {
	padding: 74px 0 100px 0;
}
.aboutPage .responsibility .introduce {
	margin-top: 56px;
	font-family: "cb";
	line-height: 24px;
	font-size: 16px;
	color: #333333;
}
.aboutPage .responsibility .introduce .wrap {
	margin-top: 38px;
}
.aboutPage .responsibility .introduce img {
	width: 100%;
	display: block;
}
.aboutPage .responsibility .vision {
	padding: 0;
	margin-top: 54px;
}
.aboutPage .responsibility .vision .content {
	margin: 0;
}
.aboutPage .responsibility .vision .box .txt {
	line-height: 24px;
	font-size: 16px;
	color: #333333;
}
.solutionsPage .solutions {
	padding: 76px 0 100px 0;
}
.solutionsPage .solutions .title {
	line-height: 40px;
	font-size: 36px;
	color: #000000;
	font-family: "cn";
	text-align: center;
}
.solutionsPage .solutions .content {
	margin-top: 56px;
	background: #f5f5f5;
}
.solutionsPage .solutions .content:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.solutionsPage .solutions .content .pic {
	width: 50%;
	float: left;
}
.solutionsPage .solutions .content .pic img {
	width: 100%;
	display: block;
}
.solutionsPage .solutions .content .text {
	width: 50%;
	float: right;
	padding: 70px 40px;
	box-sizing: border-box;
	line-height: 30px;
	font-family: "cb";
	font-size: 18px;
	color: #333333;
}
.supportPage {
	padding: 0 0 100px 0;
}
.supportPage .screening {
	margin-top: 80px;
}
.supportPage .screening:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.supportPage .screening .tit {
	float: left;
	line-height: 36px;
	font-size: 16px;
	color: #000000;
	font-family: "cb";
	padding: 12px 0;
	margin-right: 12px;
}
.supportPage .screening .inpu {
	float: left;
	margin-right: 20px;
}
.supportPage .screening .inpu input,
.supportPage .screening .inpu select {
	width: 376px;
	height: 60px;
	line-height: 58px;
	border: solid 1px #eaeaea;
	box-sizing: border-box;
	padding: 0 20px;
	outline: none;
	font-size: 16px;
	font-family: "cb";
	color: #000000;
}
.supportPage .screening .inpu select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../images/arrow4.png) no-repeat right 20px center;
}
.supportPage .screening .btn {
	width: 220px;
	height: 60px;
	line-height: 60px;
	background: url(../images/searchBtn2.png) no-repeat 67px center #e60012;
	font-size: 18px;
	color: #fff;
	float: right;
	text-indent: 30px;
	border: none;
	cursor: pointer;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.supportPage .screening .btn:hover {
	background-color: #bf000f;
}
.supportPage .supportList {
	margin-top: 40px;
	margin-bottom: 60px;
}
.supportPage .supportList table {
	width: 100%;
	border: none;
	text-align: center;
}
.supportPage .supportList table tr {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.supportPage .supportList table tr:hover {
	background: #f5f5f5;
}
.supportPage .supportList table th {
	height: 70px;
	line-height: 70px;
	font-family: "cn";
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	background: #333333;
	border: none;
}
.supportPage .supportList table td {
	font-family: "cb";
	line-height: 20px;
	font-size: 16px;
	color: #666666;
	border-bottom: solid 1px #eaeaea;
}
.supportPage .supportList table td:nth-child(1) {
	border-left: solid 1px #eaeaea;
}
.supportPage .supportList table td:nth-child(3) {
	border-right: solid 1px #eaeaea;
}
.supportPage .supportList table td a {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
	background: url(../images/download.png) no-repeat center #999999;
	margin: 10px auto;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.supportPage .supportList table td a:hover {
	background-color: #e60012;
}
.supportPage .textBox {
	border-bottom: solid 2px #eaeaea;
	padding: 66px 0;
}
.supportPage .textBox:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.supportPage .textBox .title {
	width: 360px;
	float: left;
	line-height: 50px;
	font-size: 48px;
	color: #000000;
	font-family: "cn";
}
.supportPage .textBox .text {
	padding-left: 400px;
	box-sizing: border-box;
	font-family: "cb";
	line-height: 24px;
	font-size: 16px;
	color: #333333;
}
.supportPage .details {
	margin-top: 72px;
}
.supportPage .details .title {
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	font-family: "cn";
	color: #000000;
}
.supportPage .details ul {
	margin-top: 38px;
	border-top: solid 1px #eaeaea;
	border-left: solid 1px #eaeaea;
	box-sizing: border-box;
}
.supportPage .details ul:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.supportPage .details ul li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	text-align: center;
	overflow: hidden;
}
.supportPage .details ul li a {
	padding: 58px 0;
	display: block;
}
.supportPage .details ul li a:hover .icon1 {
	display: none;
}
.supportPage .details ul li a:hover .icon2 {
	display: block;
}
.supportPage .details ul li a:hover .txt {
	color: #e60012;
}
.supportPage .details ul li .icon2,
.supportPage .details ul li .icon1 {
	width: 140px;
	height: 140px;
	margin: 0 auto;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.supportPage .details ul li .icon2 img,
.supportPage .details ul li .icon1 img {
	width: 100%;
	display: block;
}
.supportPage .details ul li .icon2 {
	display: none;
}
.supportPage .details ul li .txt {
	line-height: 24px;
	font-size: 18px;
	color: #000000;
	margin-top: 58px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.newsPage {
	padding: 80px 0 100px 0;
}
.newsPage .newsList:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.newsPage .newsList li {
	width: 500px;
	float: left;
	margin: 0 0 50px 50px;
	box-sizing: border-box;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.newsPage .newsList li:nth-child(3n+1) {
	margin-left: 0;
}
.newsPage .newsList li a {
	display: block;
	background: #f5f5f5;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.newsPage .newsList li a:hover {
	background: #e60012;
}
.newsPage .newsList li a:hover .pic img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.newsPage .newsList li a:hover .text .txt,
.newsPage .newsList li a:hover .text .date,
.newsPage .newsList li a:hover .text .tit {
	color: #fff;
}
.newsPage .newsList li a:hover .text .line {
	background: url(../images/newsList_line2.png) repeat-x;
}
.newsPage .newsList li .pic {
	height: 300px;
	overflow: hidden;
}
.newsPage .newsList li .pic img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.newsPage .newsList li .text {
	padding: 34px 38px;
	box-sizing: border-box;
}
.newsPage .newsList li .text .tit {
	height: 30px;
	line-height: 30px;
	font-family: "cn";
	font-size: 24px;
	color: #e60012;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.newsPage .newsList li .text .date {
	height: 20px;
	line-height: 20px;
	font-family: "cb";
	font-size: 14px;
	color: #999999;
	margin-top: 8px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.newsPage .newsList li .text .line {
	height: 1px;
	background: url(../images/newsList_line1.png) repeat-x;
	margin: 24px 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.newsPage .newsList li .text .txt {
	height: 48px;
	line-height: 24px;
	font-size: 14px;
	color: #333333;
	font-family: "cb";
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.newsPage .newsDetails .details .title {
	text-align: center;
	padding-bottom: 36px;
	background: url(../images/newsList_line1.png) repeat-x 0 bottom;
}
.newsPage .newsDetails .details .title .tit {
	line-height: 40px;
	font-size: 30px;
	font-family: "cn";
	color: #e60012;
}
.newsPage .newsDetails .details .title .date {
	line-height: 20px;
	font-family: "cb";
	font-size: 18px;
	color: #999999;
	margin-top: 10px;
}
.newsPage .newsDetails .details .article {
	max-width: 1210px;
	padding: 56px 0;
	margin: 0 auto;
	background: url(../images/newsList_line1.png) repeat-x 0 bottom;
}
.newsPage .newsDetails .newsList {
	margin-top: 64px;
}
.newsPage .newsDetails .newsList .title {
	line-height: 40px;
	font-size: 30px;
	font-family: "cn";
	color: #000000;
	text-align: center;
}
.newsPage .newsDetails .newsList ul {
	margin-top: 56px;
}
.newsPage .newsDetails .newsList ul li {
	margin-bottom: 0;
}
.warrantyPage {
	padding: 70px 0;
}
.warrantyPage .warranty {
	background: url(../images/quotes.png) no-repeat right 0 top 90px;
}
.warrantyPage .warranty .title {
	line-height: 58px;
	font-size: 48px;
	font-family: "cn";
	color: #000000;
}
.warrantyPage .warranty .article {
	max-width: 1220px;
	margin-top: 30px;
}
.contactPage {
	padding: 74px 0 100px 0;
}
.contactPage .title {
	margin-bottom: 52px;
}
.contactPage .title .tit {
	line-height: 60px;
	font-family: "cn";
	font-size: 48px;
	color: #000000;
}
.contactPage .title .txt {
	line-height: 30px;
	font-family: "cb";
	font-size: 18px;
	color: #666666;
}
.contactPage .contact {
	width: 1100px;
	float: left;
}
.contactPage .contact:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.contactPage .contact .tit {
	padding: 20px 0;
	line-height: 20px;
	font-family: "cb";
	color: #000000;
	font-size: 16px;
}
.contactPage .contact .tit span {
	color: #e60012;
}
.contactPage .contact .inpu2,
.contactPage .contact .inpu {
	width: 500px;
	float: left;
	margin: 0 50px 20px 0;
}
.contactPage .contact .inpu2 textarea,
.contactPage .contact .inpu textarea,
.contactPage .contact .inpu2 input,
.contactPage .contact .inpu input {
	width: 100%;
	height: 60px;
	line-height: 58px;
	border: solid 1px #eaeaea;
	box-sizing: border-box;
	padding: 0 18px;
	font-family: "cb";
	font-size: 14px;
	color: #666666;
}
.contactPage .contact .inpu2 textarea,
.contactPage .contact .inpu textarea {
	height: 120px;
	resize: none;
	line-height: 20px;
	padding: 12px 18px;
}
.contactPage .contact .inpu2 {
	width: 1050px;
}
.contactPage .contact .btn {
	float: left;
	padding-top: 20px;
}
.contactPage .contact .btn a,
.contactPage .contact .btn button,
.contactPage .contact .btn input {
	width: 240px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-family: "cb";
	font-size: 16px;
	color: #fff;
	border: none;
	background: #e60012;
	display: block;
	cursor: pointer;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.contactPage .contact .btn a:hover,
.contactPage .contact .btn button:hover,
.contactPage .contact .btn input:hover {
	background: #bf000f;
}
.contactPage .address {
	width: 500px;
	float: right;
	padding: 38px;
	box-sizing: border-box;
	background: #f5f5f5;
}
.contactPage .address .p3,
.contactPage .address .p1 {
	line-height: 30px;
	font-size: 24px;
	color: #666666;
	font-family: "cn";
}
.contactPage .address .p2 {
	line-height: 40px;
	font-size: 30px;
	font-family: "cn";
	color: #000000;
}
.contactPage .address .p3 {
	color: #000;
}
.contactPage .address .text {
	line-height: 24px;
	font-size: 14px;
	color: #666666;
	font-family: "cb";
	margin-top: 26px;
}
.contactPage .address .text a {
	font-size: 14px;
	color: #666666;
	font-family: "cb";
}
.contactPage .address .text a:hover {
	color: #e60012;
}
.contactPage .address .line {
	height: 1px;
	background: url(../images/newsList_line1.png) repeat-x;
	margin: 44px 0;
}
.productPage .productList {
	padding: 10px 0 60px 0;
}
.productPage .productList .list {
	margin-bottom: 20px;
}
.productPage .productList .title {
	line-height: 40px;
	font-family: "cn";
	font-size: 36px;
	color: #e60012;
}
.productPage .productList ul {
	margin-top: 36px;
}
.productPage .productList ul:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.productPage .productList ul li {
	float: left;
	margin: 0 0 40px 40px;
	text-align: center;
}
.productPage .productList ul li:nth-child(4n+1) {
	margin-left: 0;
}
.productPage .productList ul li a {
	width: 370px;
	display: block;
	border: solid 1px #eaeaea;
	box-sizing: border-box;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.productPage .productList ul li a:hover {
	border: solid 1px #e60012;
}
.productPage .productList ul li a:hover .pic img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.productPage .productList ul li a:hover .txt {
	color: #e60012;
}
.productPage .productList ul li .pic {
	height: 294px;
	overflow: hidden;
}
.productPage .productList ul li .pic img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.productPage .productList ul li .txt {
	height: 74px;
	line-height: 74px;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	font-family: "cb";
	font-size: 18px;
	color: #000000;
}
.productDetails .banner .pic2 img,
.productDetails .banner .pic1 img {
	width: 100%;
	display: block;
}
.productDetails .banner .pic2 {
	display: none;
}
.productDetails .banner .swiper-slide .conten {
	text-align: left;
	width: 1600px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	z-index: 2;
}
.productDetails .banner .swiper-slide .conten .tit {
	line-height: 80px;
	font-family: "cn";
	font-size: 72px;
	color: #e60012;
}
.productDetails .banner .swiper-slide .conten .txt {
	width: 630px;
	font-family: "cb";
	line-height: 36px;
	font-size: 24px;
	color: #666666;
	margin-top: 14px;
}
.productDetails .banner .swiper-pagination {
	max-width: 1600px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	bottom: 30px;
	text-align: left;
}
.productDetails .banner .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	border: solid 2px #9d9d9d;
	border-radius: 50%;
	margin: 0 9px;
	opacity: 1;
	background: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.productDetails .banner .swiper-pagination .swiper-pagination-bullet-active {
	width: 32px;
	height: 2px;
	background: #000000;
	border-radius: 0;
	border: none;
	vertical-align: middle;
	margin-top: -5px;
}
.productDetails .menu {
	width: 100%;
	background: #fff;
	border-bottom: solid 1px #e7e7e7;
}
.productDetails .menu:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.productDetails .menu.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
}
.productDetails .menu .tit {
	height: 80px;
	line-height: 80px;
	float: left;
	font-family: "cn";
	font-size: 24px;
	color: #000000;
}
.productDetails .menu ul {
	float: right;
}
.productDetails .menu ul li {
	float: left;
	margin-left: 40px;
	line-height: 80px;
}
.productDetails .menu ul li a:hover,
.productDetails .menu ul li.on a {
	color: #000;
}
.productDetails .menu ul li a {
	font-family: "cb";
	font-size: 16px;
	color: #999999;
}
.productDetails .menupd {
	height: 80px;
	display: none;
}
.productDetails .graphic {
	position: relative;
	background: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.productDetails .graphic .wrap {
	position: relative;
}
.productDetails .graphic1 {
	padding: 166px 0;
	/*background-image: url(../images/graphic1_bg.jpg);*/
}
.productDetails .graphic1 .pic {
	width: 724px;
	float: left;
}
.productDetails .graphic1 .pic img {
	width: 100%;
	display: block;
}
.productDetails .graphic1 .content {
	float: right;
	width: 650px;
	margin-top: 65px;
	position: absolute;
	top: 50%;
	right: 0;
}
.productDetails .graphic1 .content .p1 {
	line-height: 72px;
	font-family: "cb";
	font-size: 60px;
	color: #fff;
}
.productDetails .graphic1 .content .p2 {
	line-height: 36px;
	font-family: "cb";
	font-size: 30px;
	color: #999999;
	margin-top: 32px;
}
.productDetails .graphic1 .content .p3 {
	margin-top: 34px;
}
.productDetails .graphic1 .content .p3 img {
	height: 100%;
}
.productDetails .application {
	padding: 90px 0 50px 0;
}
.productDetails .application .title {
	text-align: center;
}
.productDetails .application .title .tit {
	line-height: 72px;
	font-family: "cb";
	font-size: 60px;
	color: #000000;
}
.productDetails .application .title .txt {
	line-height: 36px;
	font-family: "cb";
	font-size: 30px;
	color: #666666;
	margin-top: 16px;
}
.productDetails .application .photo {
	margin-top: 64px;
	position: relative;
	padding-bottom: 29px;
	background: url(../images/application_shadow.jpg) no-repeat center bottom;
}
.productDetails .application .photo .swiper-container {
	max-width: 1200px;
	margin: 0 auto;
}
.productDetails .application .photo .swiper-container .swiper-button-next,
.productDetails .application .photo .swiper-container .swiper-button-prev {
	display: none;
}
.productDetails .application .photo .swiper-container .swiper-slide img {
	width: 100%;
	display: block;
}
.productDetails .application .photo .swiper-container .swiper-slide .txt {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	font-family: "cb";
	font-size: 24px;
	color: #fff;
	background: url(../images/application_filter.png);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.productDetails .application .photo .next,
.productDetails .application .photo .prev {
	width: 60px;
	height: 60px;
	background: url(../images/prev3.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 80px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
}
.productDetails .application .photo .next:hover,
.productDetails .application .photo .prev:hover {
	background-image: url(../images/prev4.png);
}
.productDetails .application .photo .next {
	left: auto;
	right: 80px;
	background-image: url(../images/next3.png);
}
.productDetails .application .photo .next:hover {
	background-image: url(../images/next4.png);
}
.productDetails .graphic2 {
	padding: 82px 0;
	/*background: #f5f5f5;*/
}
.productDetails .graphic2 .pic {
	float: right;
}
.productDetails .graphic2 .pic img {
	max-width: 100%;
	display: block;
}
.productDetails .graphic2 .content {
	width: 700px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	z-index: 2;
}
.productDetails .graphic2 .content .p1 {
	line-height: 72px;
	font-family: "cb";
	font-size: 60px;
	color: #010101;
}
.productDetails .graphic2 .content .p2 {
	line-height: 36px;
	font-family: "cb";
	font-size: 30px;
	color: #666666;
	margin-top: 46px;
}
.productDetails .description .row {
	padding: 74px 0;
	border-bottom: solid 2px #eaeaea;
}
.productDetails .description .row:last-child {
	border: none;
}
.productDetails .description .tit {
	width: 398px;
	float: left;
	font-family: "cn";
	line-height: 40px;
	font-size: 30px;
	color: #191919;
}
.productDetails .description .txt {
	padding-left: 398px;
	box-sizing: border-box;
	line-height: 30px;
	font-family: "cb";
	font-size: 16px;
	color: #333333;
}
.productDetails .description .txt li {
	padding: 10px 0 10px 26px;
	box-sizing: border-box;
	background: url(../images/description.gif) no-repeat 0 22px;
}
.productDetails .related {
	background: #f5f5f5;
	padding: 96px 0 50px 0;
}
.productDetails .related .title {
	line-height: 40px;
	font-size: 30px;
	color: #000000;
	font-family: "cb";
}
.productDetails .related ul {
	margin-top: 52px;
}
.productDetails .related ul li {
	float: left;
	text-align: center;
	margin: 0 0 50px 50px;
}
.productDetails .related ul li:first-child {
	margin-left: 0;
}
.productDetails .related ul li a {
	width: 280px;
	display: block;
	padding-bottom: 26px;
	box-sizing: border-box;
	border: solid 1px #eaeaea;
	background: #fff;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.productDetails .related ul li a:hover {
	border: solid 1px #e60012;
}
.productDetails .related ul li a:hover .pic img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.productDetails .related ul li a:hover .txt {
	color: #e60012;
}
.productDetails .related ul li .pic {
	width: 250px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}
.productDetails .related ul li .pic img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
}
.productDetails .related ul li .txt {
	height: 42px;
	line-height: 42px;
	font-family: "cb";
	font-size: 18px;
	color: #000000;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.productDetails .graphic3 {
	padding: 100px 0 75px 0;
}
.productDetails .graphic3 .content {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}
.productDetails .graphic3 .content .p1 {
	line-height: 72px;
	font-family: "cb";
	font-size: 60px;
	color: #000000;
}
.productDetails .graphic3 .content .p2 {
	line-height: 30px;
	font-family: "cb";
	font-size: 20px;
	color: #666666;
	margin-top: 20px;
}
.productDetails .graphic3 .pic {
	margin-top: 90px;
	max-width: 100%;
	text-align: center;
}
.productDetails .graphic3 .pic img {
	max-width: 100%;
}
.productDetails .graphic4 {
	background: #f5f5f5;
}
.productDetails .graphic4:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.productDetails .graphic4 .pic {
	max-width: 100%;
	float: right;
}
.productDetails .graphic4 .pic img {
	height: 100%;
}
.productDetails .graphic4 .content {
	position: absolute;
	left: 0;
	top: 70%;
	z-index: 2;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}
.productDetails .graphic4 .content .p1 {
	line-height: 72px;
	font-family: "cb";
	font-size: 60px;
	color: #000000;
}
.productDetails .graphic4 .content .p2 {
	line-height: 30px;
	font-family: "cb";
	font-size: 20px;
	color: #666666;
	margin-top: 24px;
}
.productDetails .graphic5 {
	background-image: url(../images/graphic5_bg.jpg);
	padding-top: 110px;
}
.productDetails .graphic5 .content {
	text-align: center;
	color: #fff;
	font-family: "cb";
}
.productDetails .graphic5 .content .p1 {
	line-height: 72px;
	font-size: 60px;
}
.productDetails .graphic5 .content .p2 {
	line-height: 30px;
	font-size: 20px;
	color: #cccccc;
	margin-top: 24px;
}
.productDetails .graphic5 .pic {
	max-width: 816px;
	width: 100%;
	margin: 86px auto 0 auto;
}
.productDetails .graphic5 .pic img {
	width: 100%;
	display: block;
}
.productDetails .storage {
	background: #f5f5f5;
	padding: 110px 0;
}
.productDetails .storage .box {
	width: 50%;
	float: left;
	padding: 0 70px;
	box-sizing: border-box;
	text-align: center;
	font-family: "cb";
}
.productDetails .storage .p1 {
	line-height: 60px;
	font-size: 48px;
	color: #000000;
}
.productDetails .storage .p2 {
	line-height: 30px;
	font-size: 16px;
	color: #666666;
	margin-top: 20px;
}
.productDetails .storage .icon {
	text-align: center;
	margin-top: 76px;
}
.productDetails .storage .icon img {
	max-width: 100%;
}
.productDetails .parameters {
	padding: 100px 0;
}
.productDetails .parameters .title {
	float: left;
	line-height: 34px;
	font-family: "cn";
	font-size: 30px;
	color: #191919;
}
.productDetails .parameters table {
	width: 1200px;
	float: right;
	border: solid 1px #eaeaea;
	border-bottom: none;
}
.productDetails .parameters table tr:nth-child(even) {
	background: #f5f5f5;
}
.productDetails .parameters table th {
	border-bottom: solid 1px #eaeaea;
	height: 48px;
	font-family: "cn";
	font-size: 18px;
	color: #000000;
	padding: 0 29px;
	text-align: left;
}
.productDetails .parameters table td {
	border-left: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	line-height: 30px;
	font-family: "cb";
	font-size: 16px;
	color: #333333;
	padding: 9px 30px;
}
.productDetails .download {
	background: url(../images/download_bg.jpg) no-repeat #c5000a;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	font-family: "cb";
	color: #fff;
}
.productDetails .download .title {
	height: 158px;
	line-height: 158px;
	font-size: 48px;
	border-bottom: solid 1px #d74d54;
}
.productDetails .download .file {
	height: 130px;
	line-height: 130px;
	font-size: 24px;
}
.productDetails .download .file a {
	font-family: "cb";
	font-size: 24px;
	color: #fff;
}
.productDetails .download .file img {
	vertical-align: middle;
	margin: -4px 18px 0 0;
}
/* 动画 */
@media only screen and (min-width: 1200px) {
	.aboutPage .careers .contact,
	.aboutPage .careers .reasons li,
	.aboutPage .responsibility .introduce,
	.aboutPage .columTitle .tit,
	.aboutPage .columTitle .slogan,
	.aboutPage .introduction .client .swiper-container,
	.aboutPage .introduction .client .title,
	.aboutPage .introduction .network li,
	.aboutPage .introduction .network .title,
	.main .product .title {
		position: relative;
		top: 150px;
		opacity: 0;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-ms-transition: 0.8s;
		-o-transition: 0.8s;
	}
	.aboutPage .careers .contact.an,
	.aboutPage .careers .reasons li.an,
	.aboutPage .responsibility .introduce.an,
	.aboutPage .columTitle .tit.an,
	.aboutPage .columTitle .slogan.an,
	.aboutPage .introduction .client .swiper-container.an,
	.aboutPage .introduction .client .title.an,
	.aboutPage .introduction .network li.an,
	.aboutPage .introduction .network .title.an,
	.main .product .title.an {
		top: 0;
		opacity: 1;
	}
	.main .subscribe .inpuBox,
	.main .product .conten .box3,
	.main .product .conten .box1 {
		left: -400px;
		opacity: 0;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-ms-transition: 0.8s;
		-o-transition: 0.8s;
	}
	.main .subscribe .inpuBox.an,
	.main .product .conten .box3.an,
	.main .product .conten .box1.an {
		left: 0;
		opacity: 1;
	}
	.main .subscribe .share,
	.main .product .conten .box4,
	.main .product .conten .box2 {
		left: auto;
		right: -400px;
		opacity: 0;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-ms-transition: 0.8s;
		-o-transition: 0.8s;
	}
	.main .subscribe .share.an,
	.main .product .conten .box4.an,
	.main .product .conten .box2.an {
		right: 0;
		opacity: 1;
	}
	.main .subscribe .inpuBox,
	.main .subscribe .share {
		position: relative;
	}
	.aboutPage .vision .content .box:nth-child(even) .text,
	.aboutPage .vision .content .box:nth-child(odd) .pic,
	.aboutPage .introduction .community .photo {
		position: relative;
		left: -400px;
		opacity: 0;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-ms-transition: 0.8s;
		-o-transition: 0.8s;
	}
	.aboutPage .vision .content .box:nth-child(even) .text.an,
	.aboutPage .vision .content .box:nth-child(odd) .pic.an,
	.aboutPage .introduction .community .photo.an {
		left: 0;
		opacity: 1;
	}
	.aboutPage .vision .content .box:nth-child(odd) .text,
	.aboutPage .vision .content .box:nth-child(even) .pic,
	.aboutPage .introduction .community .conten {
		position: relative;
		right: -400px;
		opacity: 0;
		transition: 0.8s;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-ms-transition: 0.8s;
		-o-transition: 0.8s;
	}
	.aboutPage .vision .content .box:nth-child(odd) .text.an,
	.aboutPage .vision .content .box:nth-child(even) .pic.an,
	.aboutPage .introduction .community .conten.an {
		right: 0;
		opacity: 1;
	}
}
/* 动画 end */



/*以下是后加的东西，原来的 style.lese 作废了*/


.productDetails .related.solution{
	background: #fff;
}
.productDetails .related.solution ul{
	overflow: hidden;
	margin-left: -20px;
	margin-right: -20px;
	box-sizing: border-box;
}
.productDetails .related.solution li{
	width: 25%;
	padding: 20px;
	margin: 0;
	box-sizing: border-box;
}
.productDetails .related.solution li:nth-child(4n+1){
	clear: left;
}
.productDetails .related.solution li a{
	width: 100%;
	display: block;
}




.main .news{
	padding: 60px 20px;
	background: #f1f1f1;
}
.main .news ul{
	overflow: hidden;
	margin: 0 -20px;
}
.main .news li{
	width: 50%;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}
.main .news li:nth-child(2n+1){
	clear: left;
}
.main .news li a{
	display: block;
	overflow: hidden;
}
.main .news li a:hover .tit{
	color: #e60012;
}
.main .news li a:hover .pic span{
	transform: scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
}
.main .news li .pic{
	width: 130px;
	height: 130px;
	float: left;
}
.main .news li .pic span{
	width: 100%;
	height: 100%;
	display: block;
	background: no-repeat center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	transition-duration: .8s;
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
}
.main .news li .cont{
	padding: 0 0 0 150px;
}
.main .news li .date,
.main .news li .tit,
.main .news li .txt{
	height: 28px;
	line-height: 28px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	word-break:break-all
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.main .news li .tit{
	font-size: 18px;
	color: #333;
}
.main .news li .txt{
	height: 56px;
	font-size: 14px;
	color: #666;
	-webkit-line-clamp:2;
}
.main .news li .date{
	color: #999;
	margin: 10px 0;
}









.fixed-sidebar {
	width: 82px;
	position: fixed;
	right: 20px;
	top: 51%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 90;
	text-align: center;
}
.fixed-sidebar li {
	position: relative;
	margin-top: -1px;
}
.fixed-sidebar li:hover a {
	background: #e60012;
	border-color: #e60012;
}
.fixed-sidebar li:hover p {
	color: #fff;
}
.fixed-sidebar li:hover i {
	-webkit-filter: brightness(500%) grayscale(100%);
	-moz-filter: brightness(500%) grayscale(100%);
	-ms-filter: brightness(500%) grayscale(100%);
	-o-filter: brightness(500%) grayscale(100%);
	filter: brightness(500%) grayscale(100%);
}
.fixed-sidebar li a {
	height: 75px;
	display: block;
	padding-top: 10px;
	background: #e60012;
	border: solid 1px #eeeeee;
}
.fixed-sidebar li a i {
	height: 34px;
	line-height: 34px;
	display: block;
}
.fixed-sidebar li a i img {
	max-height: 100%;
	vertical-align: middle;
	filter: brightness(500%) grayscale(100%);
}
.fixed-sidebar li a p {
	line-height: 16px;
	color: #fff;
	margin-top: 4px;
}
.fixed-sidebar li .hide {
	height: 75px;
	line-height: 75px;
	position: absolute;
	top: 0;
	right: 82px;
	z-index: 5;
	background: #e60012;
	white-space: nowrap;
	display: none;
}
.fixed-sidebar li .phone {
	background: #e60012;
	padding: 0 20px;
	font-size: 2rem;
	color: #fff;
}
.fixed-sidebar li .qrcode {
	width: 150px;
	height: 150px;
	padding: 8px;
}
.fixed-sidebar li .qrcode img {
	width: 100%;
	display: block;
}







.productDetails .menu:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.productDetails .menu .buy {
	float: right;
	text-align: center;
	margin-top: 20px;
}
.productDetails .menu .buy a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	border-radius: 4px;
	background: #e60012;
	font-size: 16px;
	color: #fff;
	position: relative;
	margin-left: 20px;
}
.productDetails .menu .buy a:hover .qrcode {
	display: block;
}
.productDetails .menu .buy .qrcode {
	width: 120px;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	padding: 5px;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	z-index: 20;
	display: none;
}
.productDetails .menu .buy .qrcode img {
	width: 100%;
	display: block;
}




.popups-win{
  display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 200;
	background: url(../images/application_filter.png);
}
.popups-win .content .shut{
	content: " ";
	width: 40px;
	height: 40px;
	background: url(../images/closeBtn.png) no-repeat center;
	position: absolute;
	top: -40px;
	right: -40px;
	z-index: 20;
	cursor: pointer;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.popups-win .content .shut:hover{
	transform: rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}
.popups-win .content{
	max-width: 400px;
	width: 90%;
	padding: 20px;
	background: unset;
	border-radius: 10px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	z-index: 100;
}
.popups-win .content img{
	width: 100%;
	display: block;
}